
<div class="container-fluid">
    <div id="page-login" class="row">
        <div class="col-xs-12 col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
            <!-- <div class="text-right">
                 <a href="hidra_home/RegistroUnico" class="txt-default">¿Regístrate?</a>
             </div>-->

            <div class="box">

                <img class="banner" src="includes/img/logo.png" style="width: 100%;"> 

                <div class="box-content">
                    <form id="defaultForm" method="post" data-target="feria/acceso" action="" class="form">
                        <div class="form-group">
                            <!--<label class="control-label">Correo</label>
                            <input type="text" class="form-control" name="username" />-->
                            <input type="text" class="form-control" name="username" placeholder="Login" autofocus />
                        </div>
                        <div class="form-group">
                            <!--<label class="control-label">Clave</label>
                            <input type="password" class="form-control" name="password_login" />-->
                            <input type="password" class="form-control" name="password_login" placeholder="Contrase&ntilde;a" />
                        </div>
                        <div class="form-group text-center">
                            <input class="form-control" type="text" id="defaultReal" name="defaultReal">
                        </div>
                        <div class="row form-group text-center">
                            <button type="submit" class="btn btn-primary">Acceder</button>
                        </div>
                        <!--<div class="text-right">
                            <a href="hidra_home/RegistroUnico" class="txt-default"><strong>¿Regístrate?</strong></a>
                        </div>-->
                    </form>

                    <div id="respuesta"></div>

                </div>
                <div style="alignment-adjust: central">
                    <img class="banner2" src="includes/img/BANNER_INFERIOR.png" style="width: 100%;"> 
                </div>
            </div>

        </div>

    </div>
    <!-- modal -->
    <div id="myModel" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <i class="fa fa-exclamation-triangle"></i>
                        <strong>¡Error!</strong> Acceso denegado 
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button>
                    </div>
                </div> 
            </div>
        </div>
    </div>
   
    <!-- modal -->
</div>
